<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 计算现在时间距离 2022年6月27号8:30 时间差  显示页面上，实时倒计时。
        // 计算 倒计时的时间  和 当前时间的时间差 然后再转换成 天 时 分 秒 

        function getTime(){
            // 获取 倒计时的时间对象
        var time1 = new Date("2022-6-27 8:30");
        // console.log(time1);

        // 获取当前的时间对象
        var time2 = new Date();

        // 计算 2个时间的时间差？？ 通过时间戳 
        // 单位是毫秒 
        var intevalTime = time1.getTime() - time2.getTime();
        // console.log(intevalTime);
        // 获取时间间隔的秒数 
        intevalTime =parseInt( intevalTime/1000);
        // console.log(intevalTime)

        // 转换成天 
        var day = parseInt( (intevalTime/3600)/24);
        console.log(day);
        // 计算小时 
        var hour =  parseInt( (intevalTime/3600))%24;
        console.log(hour);

        // 计算分钟
        var min = parseInt(intevalTime/60)%60;
        console.log(min);

        // 计算秒 
        var sec = intevalTime % 60;
        console.log(sec);

        document.body.innerHTML = `距离2022年6月27号 上课还有 ${day}天 ${hour}小时 ${min}分钟 ${sec}秒`;
        }
        
        getTime();

        setInterval(getTime, 1000);







    </script>
</body>
</html>